﻿<%@ Page Language="C#" %>

<!DOCTYPE html>

<script runat="server">

</script>


<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport"
        content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,viewport-fit=cover" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title></title>
    <!-- 引入样式文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.11/lib/index.css" />

    <!-- 引入 Vue 和 Vant 的 JS 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vant@2.11/lib/vant.min.js"></script>
    <script src="https://g.alicdn.com/dingding/dingtalk-jsapi/2.10.3/dingtalk.open.js"></script>


    <style type="text/css">
        body { background: #F7F8FA; }

        .van-doc-demo-block__title { margin: 0; padding: 10px 6px 40px 6px; color: rgba(69, 90, 100, 0.6); font-weight: normal; font-size: 14px; line-height: 26px; }

        .van-doc-demo-block__title .ribao_left { float: left; color: #1989fa; }

        .van-doc-demo-block__title .ribao_right { float: right; }

        .image { width: 100%; }
        .image img { float: left; margin: 3px 6px 10px 6px; border: 1px rgba(69, 90, 100, 0.6) solid; padding: 1px; }
    </style>
</head>

<body>
    <div id="app">
        <%--<van-nav-bar title="提交日报" fixed="true" placeholder="true"></van-nav-bar>--%>

        <van-form>
            <h2 class="van-doc-demo-block__title">
                <div class="ribao_left">
                    [金融]金地名京弱电项目
                </div>
                <div class="ribao_right">
                    9:30-12:00 2.5小时
                </div>
            </h2>
            <van-field v-model="user_name" name="现场人数" label="现场人数" placeholder="现场人数"></van-field>
            <van-field v-model="ribaomessage" rows="3" autosize label="日报内容" type="textarea" maxlength="100" placeholder="请输入日报内容"
                show-word-limit></van-field>
            <div class="image">
                <img width="50" height="50" src="https://img.yzcdn.cn/vant/cat.jpeg" />
                <img width="50" height="50" src="https://img.yzcdn.cn/vant/cat.jpeg" />
                <img width="50" height="50" src="https://img.yzcdn.cn/vant/cat.jpeg" />
            </div>
            <div style="clear:both;"></div>
        


            <h2 class="van-doc-demo-block__title">
                <div class="ribao_left">
                    [金融]金地名京弱电项目
                </div>
                <div class="ribao_right">
                    9:30-12:00 2.5小时
                </div>
            </h2>
            <van-field v-model="user_name" name="现场人数" label="现场人数" placeholder="现场人数"></van-field>
            <van-field v-model="ribaomessage" rows="3" autosize label="日报内容" type="textarea" maxlength="100" placeholder="请输入日报内容"
                show-word-limit></van-field>

            <h2 class="van-doc-demo-block__title">
                <div class="ribao_left">
                    [金融]金地名京弱电项目
                </div>
                <div class="ribao_right">
                    9:30-12:00 2.5小时
                </div>
            </h2>
            <van-field v-model="user_name" name="现场人数" label="现场人数" placeholder="现场人数"></van-field>
            <van-field v-model="ribaomessage" rows="3" autosize label="日报内容" type="textarea" maxlength="100" placeholder="请输入日报内容"
                show-word-limit></van-field>

            <h2 class="van-doc-demo-block__title">
                <div class="ribao_left">
                    [金融]金地名京弱电项目
                </div>
                <div class="ribao_right">
                    9:30-12:00 2.5小时
                </div>
            </h2>
            <van-field v-model="user_name" name="现场人数" label="现场人数" placeholder="现场人数"></van-field>
            <van-field v-model="ribaomessage" rows="3" autosize label="日报内容" type="textarea" maxlength="100" placeholder="请输入日报内容"
                show-word-limit></van-field>

            <h2 class="van-doc-demo-block__title">
                <div class="ribao_left">
                    [金融]金地名京弱电项目
                </div>
                <div class="ribao_right">
                    9:30-12:00 2.5小时
                </div>
            </h2>
            <van-field v-model="user_name" name="现场人数" label="现场人数" placeholder="现场人数"></van-field>
            <van-field v-model="ribaomessage" rows="3" autosize label="日报内容" type="textarea" maxlength="100" placeholder="请输入日报内容"
                show-word-limit></van-field>

            <h2 class="van-doc-demo-block__title">
                <div class="ribao_left">
                    [金融]金地名京弱电项目
                </div>
                <div class="ribao_right">
                    9:30-12:00 2.5小时
                </div>
            </h2>
            <van-field v-model="user_name" name="现场人数" label="现场人数" placeholder="现场人数"></van-field>
            <van-field v-model="ribaomessage" rows="3" autosize label="日报内容" type="textarea" maxlength="100" placeholder="请输入日报内容"
                show-word-limit></van-field>

            <h2 class="van-doc-demo-block__title">
                <div class="ribao_left">
                    [金融]金地名京弱电项目
                </div>
                <div class="ribao_right">
                    9:30-12:00 2.5小时
                </div>
            </h2>
            <van-field v-model="user_name" name="现场人数" label="现场人数" placeholder="现场人数"></van-field>
            <van-field v-model="ribaomessage" rows="3" autosize label="日报内容" type="textarea" maxlength="100" placeholder="请输入日报内容"
                show-word-limit></van-field>



            <div style="margin: 16px;">
                <van-button round block type="info" native-type="submit">提交</van-button>
            </div>  
            <div style="height:50px;">
            &nbsp;
        </div>
        </van-form>


        <van-tabbar v-model="active">
            <van-tabbar-item name="home" icon="home-o">提交日报</van-tabbar-item>
            <van-tabbar-item name="search" icon="bar-chart-o">日报统计</van-tabbar-item>
            <van-tabbar-item name="setting" icon="setting-o" url="index1.aspx">项目管理</van-tabbar-item>
        </van-tabbar>
    </div>
</body>

</html>
<script>
    // 在 #app 标签下渲染一个按钮组件
    new Vue({
        el: '#app',
        data() {
            return {
                active: 'home',
                user_name: "",
                ribaomessage: ""
            }
        }
    });

    // 调用函数组件，弹出一个 Toast
    //vant.Toast('提示');

    // 通过 CDN 引入时不会自动注册 Lazyload 组件
    // 可以通过下面的方式手动注册
    Vue.use(vant.Lazyload);


    dd.ready(function () {
        dd.biz.navigation.setTitle({
            title: '提交日报'
        });
    });
</script>
